<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="../public/img/shoye/favicon.ico">
  <link rel="stylesheet" href="../css/bootstrap.css">
  <link rel="stylesheet" href="../css/zhuce.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/popper.min.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <title>会员注册</title>
  <style></style>
</head>     

<body>
  <!-- 页头 -->
  <div class="head" id="top"> 
  <div class="center">
    <ul>
      <li>
        <a href="">
          <span class="hua hua-sc"></span>收藏花礼网(hua.com)
        </a>
      </li>
      <li>
        <a href="">
          <span class="hua hua-weixin"></span>关注微信
        </a>
      <div class="xlwx">
        <img src="../public/img/shoye/wxguanjia_qrcode.png" alt="">
        <p>扫码关注</p>
        <p>回复"礼物"更多惊喜</p>
      </div>
      </li>
      <li>
        <a href="#"><span class="hua hua-app"></span>花礼网app</a>
        <div class="xlap">
          <img src="../public/img/shoye/app_download_qrcode.png" alt="">
          <p>新人专享100元APP红包</p>
        </div>
      </li>
    </ul>
    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="./login.html">你好,请登录</a>
        <a href="./register.html">注册</a>
      </li>
      <li class="breadcrumb-item"><a href="">订单查询</a></li>
      <li class="breadcrumb-item"><a href="">我的花礼</a></li>
      <li class="breadcrumb-item">
        <a href="">
          客户服务
          <span class="dropdown-toggle"></span>
        <div class="xlcd">
          <a href="">在线付款</a>
          <a href="">帮助中心</a>
          <a href="">售后服务</a>
          <a href="">配送范围</a>
          <a href="">留言反馈</a>
        </div>
        </a>
      </li>
      <!-- 购物车 -->
      <li class="breadcrumb-item">
        <a href="">
        <span class="hua hua-car"></span>购物车
        <span class="text-primary" id="gwcCount">(0)</span>
       <span class="dropdown-toggle"></span>
      </a>
        <div class="shopcar">
          <div>
            <span>您的购物车中没有商品，</span>
           <a href="">先去选购吧</a>!
        </div>
        </div>
    
     </li>
      <li class="breadcrumb-item">鲜花礼品网:中国领先的鲜花网品牌</li>
    </ol> 
  </div>
 </div> 
  <!-- 导航 -->
  <div class="navigation">
    <div class="center">
      <!-- logo背景图 -->
      <div class="logo">
         <a href="" class="logo-bj">
          </a>
      </div>
      <!-- 搜索框 -->
      <div class="sosuo">
        <input type="text" placeholder="商品关键词">
        <button class="btn button">搜索</button>
      </div>
      <!-- 联系方式 -->
      <div class="contact">
      <ol class="breadcrumb">
        <li class="breadcrumb-item" style="font-size: 14px;">
          <span class="hua hua-phone"></span>
          400-889-8188 
       </li>
        <li class="breadcrumb-item"><a href="">
          <span class="hua hua-rj"></span>
          在线客服
        </a></li>
      </ol>
     </div>
    </div>
  </div>
  <!-- 顶部 -->
  <div class="top">
     <div class="center">
       <div class="box">
             <!-- 包裹所有需要的按钮区和展示区 -->
         <div class="login">
        <!-- 选择区，可以触发点按的区域 -->
           <div class="nav nav-tabs login-zy">            
             <a href="#aa" class="nav-link active" data-toggle="tab">手机账号注册</a>           
             <a href="#bb" class="nav-link " data-toggle="tab">邮箱账号注册</a>      
           </div>
           <!-- 内容展示区 -->
           <div class="tab-content login-xx">
              <div id="aa" class="tab-pane zdy-zh active">
                <div class="tphe">
                <span class ="ico ico-h"></span> 
                <input type="text-" placeholder="请输入手机">
                </div>
              <div class="tpdx">
                <span class ="ico ico-dx"></span> 
                <input type="text-" placeholder="请输入短信验证码">
                <span class="tpdx-s"><a href="">获取验证码</a></span>
               </div>
              <div class="tpwd">
                <span class="ico ico-m"></span>
                <input type="password" placeholder="请输入密码">
              </div>
               <button class="btn zdy-btn d-block"><a href="">注册</a></button>
                <!-- <a href="" class="d-block ">忘记密码?</a> -->
            </div>
            <div id="bb" class="tab-pane zdy-wx">
              <div class="tpyx">
                <span class ="ico ico-yx"></span> 
                <input type="text-" placeholder="请输入邮箱">
              </div>
              <div class="tpmi">
                <span class ="ico ico-mi"></span> 
                <input type="text-" placeholder="请输入密码">
                <button class="btn zdy-btn d-block"><a href="">注册</a></button>
              </div>
            </div>
           </div>
         </div>
         <!-- 其它登录 -->
         <ul class="clearfix">
           <li class="float-left">
             <a href="">
               <i class="ico ico-qq"></i>
               <span>QQ</span>
             </a>
           </li>
           <li class="float-left">
            <a href="">
              <i class="ico ico-zfb"></i>
              <span>支付宝</span>
            </a>
           </li>
           <li class="float-right">
            <a href="./login.html">
              登录账号<i class="ico ico-zc"></i>
            </a>
           </li>
         </ul>
        </div>
     </div>
  </div>
  
  <!-- 页尾 -->
  <div class="foot">
      <div class="center">
        <div>
          <ol class="breadcrumb">
            <li class=".foot"><a href="">首页</a></li>
            <li class="breadcrumb-item"><a href="">关于我们</a></li>
            <li class="breadcrumb-item"><a href="">媒体报道</a></li>
            <li class="breadcrumb-item"><a href="">联系方式</a></li>
            <li class="breadcrumb-item"><a href="">企业团购</a></li>
            <li class="breadcrumb-item"><a href="">花店入驻</a></li>
            <li class="breadcrumb-item"><a href="">友情链接</a></li>
            <li class="breadcrumb-item"><a href="">在线补款</a></li>
            <li class="breadcrumb-item"><a href="">为什么选择花礼网</a></li>
          </ol>
        </div>
        <div>
          <img src="../public/img/login/slogan.png" alt="">
          <a href=""><img src="../public/img/login/100.jpg" alt=""></a>
          <a href=""><img src="../public/img/login/bico1.jpg" alt=""></a>
          <a href=""><img src="../public/img/login/govIcon.gif" alt=""></a>
        </div>
        <div>
          <p>
            <a href="">中国花卉协会会员</a>
            <a href="">中国电子商务协会会员</a>
            ICP经营许可证：
            <a href="">粤B2-20050744</a>
            <a href="">粤ICP备09171662号</a>
            <span class="hua hua-jc"></span>
            粤公网安备44030502000373号 Copyright © 2005-2021
          </p>
          <p>
             <a href="">www.hua.com</a>
             <span> 深圳市百易信息技术有限公司</span>
          </p>
        </div>
      </div>
  </div>
</body>

</html>